<template>
  <div class="more">
    <mt-header title="全国义行" style="background-color: #00bfa5;font-size: 23px;">
      <router-link to="/find" slot="left">
        <mt-button icon="back"></mt-button>
      </router-link>
      <mt-button slot="right" icon="more"></mt-button>
    </mt-header>

    <div id="find-quanguo-main">
      <mt-index-list style="width: 100%;">
        <mt-index-section index="A" class="find-quanguo-main-each">
          <mt-cell title="安徽省" to="#" is-link>皖</mt-cell>
          <mt-cell title="澳门特别行政区" to="#" is-link></mt-cell>
        </mt-index-section>

        <mt-index-section index="B" class="find-quanguo-main-each">
          <mt-cell title="北京市" to="#" is-link>京</mt-cell>
        </mt-index-section>

        <mt-index-section index="C" class="find-quanguo-main-each">
          <mt-cell title="重庆市" to="#" is-link>渝</mt-cell>
        </mt-index-section>

        <mt-index-section index="F" class="find-quanguo-main-each">
          <mt-cell title="福建省" to="#" is-link>闽</mt-cell>
        </mt-index-section>

        <mt-index-section index="G" class="find-quanguo-main-each">
          <mt-cell title="贵州市" to="#" is-link>贵</mt-cell>
          <mt-cell title="广东省" to="#" is-link>粤</mt-cell>
          <mt-cell title="广西壮族" to="#" is-link>桂</mt-cell>
          <mt-cell title="甘肃省" to="#" is-link>甘</mt-cell>
        </mt-index-section>

        <mt-index-section index="H" class="find-quanguo-main-each">
          <mt-cell title="海南市" to="#" is-link>琼</mt-cell>
          <mt-cell title="河北省" to="#" is-link>冀</mt-cell>
          <mt-cell title="河南省" to="#" is-link>豫</mt-cell>
          <mt-cell title="黑龙江省" to="#" is-link>黑</mt-cell>
          <mt-cell title="湖南省" to="#" is-link>湘</mt-cell>
          <mt-cell title="湖北省" to="#" is-link>鄂</mt-cell>
        </mt-index-section>

        <mt-index-section index="J" class="find-quanguo-main-each">
          <mt-cell title="吉林省" to="#" is-link>吉</mt-cell>
          <mt-cell title="江苏省" to="#" is-link>苏</mt-cell>
          <mt-cell title="江西省" to="#" is-link>赣</mt-cell>
        </mt-index-section>

        <mt-index-section index="L" class="find-quanguo-main-each">
          <mt-cell title="辽宁省" to="#" is-link>辽</mt-cell>
        </mt-index-section>

        <mt-index-section index="N" class="find-quanguo-main-each">
          <mt-cell title="内蒙古" to="#" is-link>蒙</mt-cell>
          <mt-cell title="宁夏" to="#" is-link>宁</mt-cell>
        </mt-index-section>

        <mt-index-section index="Q" class="find-quanguo-main-each">
          <mt-cell title="青海省" to="#" is-link>青</mt-cell>
        </mt-index-section>

        <mt-index-section index="S" class="find-quanguo-main-each">
          <mt-cell title="上海市" to="#" is-link>沪</mt-cell>
          <mt-cell title="山东省" to="#" is-link>鲁</mt-cell>
          <mt-cell title="山西省" to="#" is-link>晋</mt-cell>
          <mt-cell title="陕西省" to="#" is-link>陕</mt-cell>
          <mt-cell title="四川省" to="#" is-link>川</mt-cell>
        </mt-index-section>

        <mt-index-section index="T" class="find-quanguo-main-each">
          <mt-cell title="天津市" to="#" is-link>津</mt-cell>
          <mt-cell title="台湾" to="#" is-link>台</mt-cell>
        </mt-index-section>

        <mt-index-section index="X" class="find-quanguo-main-each">
          <mt-cell title="西藏" to="#" is-link>藏</mt-cell>
          <mt-cell title="新疆" to="#" is-link>新</mt-cell>
          <mt-cell title="香港" to="#" is-link></mt-cell>
        </mt-index-section>

        <mt-index-section index="Y" class="find-quanguo-main-each">
          <mt-cell title="云南省" to="#" is-link>云</mt-cell>
        </mt-index-section>

        <mt-index-section index="Z" class="find-quanguo-main-each">
          <mt-cell title="浙江省" to="#" is-link>浙</mt-cell>
        </mt-index-section>

      </mt-index-list>
    </div>
    <div class="find-change-geshi" style="width: 100%;height: 50px;"></div>

  </div>

</template>
<script>
  import Vue from 'vue'
  export default {
    name: 'more',
    data() {
    return {
      alphabet: []
    };
  },
  computed: {


  },
  methods : {


  },
  created() {
    'ABCDEFGHIJKLMNOPQRSTUVWXYZ'.split('').forEach(initial => {
      let cells = NAMES.filter(name => name[0] === initial);
    this.alphabet.push({
      initial,
      cells
    });
  });
  }
  }
</script>
<style>
  @component-namespace page {
    @component indexlist {
      @descendent desc {
        text-align: center;
        color: #666;
        padding-bottom: 5px;
      }

      @descendent wrapper {
        width: 100%;
        border-top: solid 1px #ddd;
      }
    }
  }
  .find-quanguo-main-each{
    width: 100%;
  }
</style>
